// 采用集中式存储管理应用的所有组件的状态 - vuex3.x + vue2
// vue3 +vuex4.x  但是 vue3拥抱ts ,vuex 本身存在一些问题    ->官方推荐 vue3+pinia
import { defineStore } from 'pinia'
// 创建store:  defineStore(storeId,{options})
export const useUserStore = defineStore('user', {
  // 状态：类似  setup  ref定义的响应式数据
  //   state: function () {
  //     return {
  //       a: 1
  //     }
  //   }
  //   es6对象简写
  //   state() {
  //     return {
  //       a: 1
  //     }
  //   }
  //   箭头函数:有且只有一句 return 值  省略 {}  和return
  //    const fn = ()=>3  =====>  const fn = ()=>{  return  3 }
  state: () => ({
    a: 1
  }),
  //   方法：操作state数据  ,注意actions要使用thi所以不要使用箭头函数 用es6对象简写
  actions: {
    increament() {
      this.a++
    }
  }
})
// export const useUserStore1 = defineStore({})
// export const useUserStore2 = defineStore({})
// export const useUserStore3 = defineStore({})
// export const useUserStore4 = defineStore({})
// export const useUserStore5 = defineStore({})
